<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Lesson 1. Getting Started.</title>
<link rel="stylesheet" type="text/css" href="css/site.css" />
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="js/AC_RunActiveContent.js" language="javascript"></script>
<script src="js/js_functions.js" language="javascript"></script>
</head>

<body>
	
	<table class="header">
		<tr>
			<td width="80">
				<img src="img/logo-small.png" />
			</td>
			<td width="10">
				<table height="40">
					<tr>
						<td class="leftBorderWhite">&nbsp;</td>
					</tr>
				</table>
			</td>
			<td>
				<table>
					<tr>
						<td><h1>Lesson 1. Getting Started.</h1></td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
	
	<table class="main">
		<tr>
			<td>
				<h2>What is FXML?</h2>
				<p>
					FXML stands for Flash XML. Similar to MXML, FXML is mark-up for the ActionScript 3 language. While they are many differences between the two, the main feature of FXML is that it is a runtime execution of the mark-up. While MXML requires your to recompile your code, FXML simply parses the XML at runtime to produce new objects on the fly!
				</p>
			</td>
		</tr>
		<tr>
			<td><br/></td>
		</tr>
		<tr>
			<td>
				<h2>How to work with FXML.</h2>
				<p>
					FXML is a runtime application executed from the file: <code>org.fxml.Application.swf</code>.
				</p>
				<p>
					The application relies on an XML configuration file to be passed in via flashvars as the variable <b><code>configFile</code></b>.  
				</p>
				<p>
					Flash 9 and 10 builds are available through the <a href="http://code.google.com/p/fxml/source/checkout">google code</a>.   
				</p>
			</td>
		</tr>
	</table>

	
	<table class="main">
		<tr>
			<td>
				<h2>FXML Example</h2>
				<p>The following is an FXML example, future lessons will describe the syntax in detail.</p>
			</td>
		</tr>
		<tr>
			<td class="example">
				<h3>FXML:</h3>
				<img src="img/HelloWorld-XML.png" />
				<div class="right"><a href="examples/HelloWorld.xml" target="_blank">source</a></div>
			</td>
		</tr>
		<tr>
			<td class="example">
				<h3>FXML Result:</h3>
				<div id="HelloWorld">
					<script language="javascript">
						if (AC_FL_RunContent == 0) {
							alert("This page requires AC_RunActiveContent.js.");
						} else {
							AC_FL_RunContent(
								'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0',
								'src', 'swf/org.fxml.Application',
								'width', '100%',
								'height', '30',
								'quality', 'high',
								'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
								'align', 'middle',
								'play', 'true',
								'loop', 'true',
								'scale', 'noScale',
								'wmode', 'transparent',
								'devicefont', 'false',
								'id', 'HelloWorld',
								'bgcolor', '#c81b1b',
								'name', 'HelloWorld',
								'menu', 'true',
								'allowFullScreen', 'false',
								'allowScriptAccess','sameDomain',
								'movie', 'swf/org.fxml.Application',
								'salign', 'lT',
								'flashVars', 'id=fxm/l&configFile=examples/HelloWorld.xml'
								); //end AC code
						}
					</script>
					</div>
			</td>
		</tr>
	</table>
	
</body>
</html>
